<template>
  <div class="userinfo">
    <navbar />
    <img src=//s1.hdslb.com/bfs/static/jinkela/mstation-h5/assets/bannerTop_new.png alt="" class="backImg">
      <user-detail />
  </div>
</template>

<script>
import Navbar from '../components/common/Navbar.vue'
import userDetail from '../components/userComponent/userDetail.vue'
export default {
  components: {
    Navbar,
    userDetail
  },
  data () {
    return {
      model: {}
    }
  },
  methods: {
    async UserinfoData () {
      const res = await this.$http.get('/user/' + localStorage.getItem('id'))
      this.model = res.data[0]
    }
  },
  created () {
    this.UserinfoData()
  }
}
</script>

<style lang="scss" scoped>
.userinfo {
  .backImg   {
    height: 91px;
    width: 100%;
  }
}
</style>
